
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>经典软件体系结构教学网站</title>
<!--  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>-->
</head>
<body>

<div class="container">
  <a href="main-program.html" class="box">主程序-子程序</a>
  <a href="/object-oriented" class="box">面向对象</a>
  <a href="/event-system" class="box">事件系统</a>
  <a href="/pipe-filter" class="box">管道-过滤器</a>
<!--  <div class="box" onclick="goToMainProgram()">主程序-子程序</div>-->
</div>

<script>

</script>

<style>
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .box {
    width: 200px;
    height: 200px;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    margin: 10px;
  }
</style>
</body>
</html>